StartseiteTeammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Das Plauderforum ist zurück!von Eto Mo 25 Nov 2024 - 17:59
» Style-Wechsel funktioniert nicht mehr
von Miho Mo 25 Nov 2024 - 11:05
» Profil in beiträgen nur im blog deaktivieren.
von Skouliki Mo 25 Nov 2024 - 10:16
» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Mi 20 Nov 2024 - 8:06
» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13
» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33
» [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29
» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58
» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26
» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14
» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30
» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58
» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59
» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11
» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50
» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08
» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05
» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Agorass in Passwort für meinen Adminbereich vergessen. ( 2 )
» Beitrag von Keks in [phpBB2] Unterforen Nebeneinander
( 1 )
Tab-Ansicht - ChangeOnglet Spalten/Menüs werden falsch angezeigt
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1 • Teilen
Tab-Ansicht - ChangeOnglet Spalten/Menüs werden falsch angezeigt
von Cyborg112233 Sa 19 Nov 2011 - 19:03
Hallo liebe Forumieren Gemeinde 
Ich habe in meinem neuen Forum über Temples, CSS und Javascript etwas eingebaut, was ich aus dem Französischen Support habe, und zwar diese ChangeOnglet Spalten, hier der Link: Klick.
Mit Hilfe eines Freundes der sich etwas besser damit auskennt hatte ich auch erste Fehler gefunden, die mir passiert sind
Nur habe ich nun das Problem, dass wenn ich mein Forum betrete, oder die Startseite aktualisiere, in Spalte 1 alle Inhalte der 5 Spalten angezeigt werden, sobald ich beispielsweise Spalte 2 anklicke, kommt nur der Inhalt von Spalte 2, so wie es sein soll und wenn ich dann wieder auf Spalte 1 gehe, ist es dort auch richtig, das heißt, es klappt nur nicht in Spalte 1 wenn ich das Forum aktualisiere.
Vorher noch, nicht wundern über die Inhalte, ich wollte erst dieses Problem gelöst bekommen
Aber nun mal ein paar Screens:
Das ist es, wenn ich aktualisiert habe ...
So ist es wenn ich danach auf Spalte 2 gehe -> Perfekt ...
Und das ist Spalte 1 Richtig wie es sein soll ...
Die Codes die ich eingesetzt habe:
Ich hoffe mir kann jemand helfen
LG, Cyborg
Ich habe in meinem neuen Forum über Temples, CSS und Javascript etwas eingebaut, was ich aus dem Französischen Support habe, und zwar diese ChangeOnglet Spalten, hier der Link: Klick.
Mit Hilfe eines Freundes der sich etwas besser damit auskennt hatte ich auch erste Fehler gefunden, die mir passiert sind
Nur habe ich nun das Problem, dass wenn ich mein Forum betrete, oder die Startseite aktualisiere, in Spalte 1 alle Inhalte der 5 Spalten angezeigt werden, sobald ich beispielsweise Spalte 2 anklicke, kommt nur der Inhalt von Spalte 2, so wie es sein soll und wenn ich dann wieder auf Spalte 1 gehe, ist es dort auch richtig, das heißt, es klappt nur nicht in Spalte 1 wenn ich das Forum aktualisiere.
Vorher noch, nicht wundern über die Inhalte, ich wollte erst dieses Problem gelöst bekommen
Aber nun mal ein paar Screens:
Das ist es, wenn ich aktualisiert habe ...
So ist es wenn ich danach auf Spalte 2 gehe -> Perfekt ...
Und das ist Spalte 1 Richtig wie es sein soll ...
Die Codes die ich eingesetzt habe:
- Spoiler:
HTML:- Code:
<div id="mes_onglets">
<ul><li id="o_1" class="mon_onglet selected" onclick="changeOnglet(this);">Herzlich Willkommen 1</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Wichtige Links 2</li>
<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Chatbox 3</li>
<li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Partnerforen 4</li>
<li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">News 5</li>
<div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu">Hallo lieber Besucher der <a href="/forum">Movie World</a>,<br>
<br>
wir freuen uns, dass Du zu uns gefunden hast, solltest Du interessiert an Filmen, Fernsehen und Schauspielern bist, dann bist Du hier genau richtig!<br>
<br>
Du kannst Dich ganz einfach <a href="/register">registrieren</a>, falls Du bereits registriert bist, so <a href="login">logge</a> Dich doch <a href="login">ein</a>!<br>
<br>
Vielen Dank, das Team 8)</div>
<div id="co_2" class="mon_contenu" display="none">Test 2</div>
<div id="co_3" class="mon_contenu" display="none">Test 3</div>
<div id="co_4" class="mon_contenu" display="none">Test 4</div>
<div id="co_5" class="mon_contenu" display="none">Test 5</div>
</div></div></ul></div>
- Code:
/*changeOnglet*/
.mon_onglet{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #00aeff;
background: #6edaf5;
background-image:url(http://t2.gstatic.com/images?q=tbn:ANd9GcTs6i4kVC8k8AOvIiK45rhv89g8WQLp8kU6RjCitXA1URCkugC4);
border: 1px solid #000;
cursor: pointer;
margin-bottom: -1px;
list-style: none;
font-size:90%;
}
.mon_onglet:hover{
background: #39dbf0;
}
.mon_onglet_selected{
float: left;
padding: 2px 10px;
margin-right: 5px;
color: #000;
background: #6edaf5;
background-image:url(http://t2.gstatic.com/images?q=tbn:ANd9GcTs6i4kVC8k8AOvIiK45rhv89g8WQLp8kU6RjCitXA1URCkugC4);
border-top: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #08b1ff;
cursor: pointer;
margin-bottom: -1px;
list-style: none;
font-size:90%;}
.clear{
clear: both;
}
.mon_contenu{
color: #000;
background: #6edaf5;
background-image:url(http://t2.gstatic.com/images?q=tbn:ANd9GcTs6i4kVC8k8AOvIiK45rhv89g8WQLp8kU6RjCitXA1URCkugC4);
border: 1px solid #000;
padding: 10px;
line-height: normal;
font-size: 11px;}
#mes_contenus, #mes_onglets{
width: 100%;
margin: auto;}
- Code:
function changeOnglet(_this){
var getOnglets = document.getElementById('mes_onglets').getElementsByTagName('li');
for(var i = 0; i < getOnglets.length; i++){
if(getOnglets[i].id){
if(getOnglets[i].id == _this.id){
getOnglets[i].className = 'mon_onglet_selected';
document.getElementById('c' + _this.id).style.display = 'block';
}
else{
getOnglets[i].className = 'mon_onglet';
document.getElementById('c' + getOnglets[i].id).style.display = 'none';
}
}
}
}
Ich hoffe mir kann jemand helfen
LG, Cyborg
Cyborg112233- Kaiser
-
Beiträge : 2361
Anmeldedatum : 08.10.10
Re: Tab-Ansicht - ChangeOnglet Spalten/Menüs werden falsch angezeigt
von #Frank So 20 Nov 2011 - 13:21
Ich denke das ich deine Fehler gefunden habe:
Die Einträge:
class="mon_contenu" display="none"
sind hier falsch. Richtig muss es heißen:
class="mon_contenu" style="display: none;"
Und dann sind hier noch einige Leerzeilen zu viel.
Du kannst das gerne ausprobieren.
Ich habe hier mal eine Tabelle nach deiner Art mit 11 Fenstern:
<div id="mes_onglets">
<ul><li id="o_1" class="mon_onglet selected" onclick="changeOnglet(this);">Herzlich Willkommen 1</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Wichtige Links 2</li>
<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Chatbox 3</li>
<li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Partnerforen 4</li>
<li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">News 5</li>
<div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu">Hallo lieber Besucher der <a href="/forum">Movie World</a>,<br>
<br>
wir freuen uns, dass Du zu uns gefunden hast, solltest Du interessiert an Filmen, Fernsehen und Schauspielern bist, dann bist Du hier genau richtig!<br>
<br>
Du kannst Dich ganz einfach <a href="/register">registrieren</a>, falls Du bereits registriert bist, so <a href="login">logge</a> Dich doch <a href="login">ein</a>!<br>
<br>
Vielen Dank, das Team</div>
<div id="co_2" class="mon_contenu" display="none">Test 2</div>
<div id="co_3" class="mon_contenu" display="none">Test 3</div>
<div id="co_4" class="mon_contenu" display="none">Test 4</div>
<div id="co_5" class="mon_contenu" display="none">Test 5</div>
</div></div></ul></div>
Die Einträge:
class="mon_contenu" display="none"
sind hier falsch. Richtig muss es heißen:
class="mon_contenu" style="display: none;"
Und dann sind hier noch einige Leerzeilen zu viel.
Du kannst das gerne ausprobieren.
Ich habe hier mal eine Tabelle nach deiner Art mit 11 Fenstern:
- Code:
<div id="mes_onglets">
<ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Reiter 1</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Reiter 2</li>
<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Reiter 3</li>
<li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Reiter 4</li>
<li id="o_5" class="mon_onglet" onclick="changeOnglet(this);">Reiter 5</li>
<li id="o_6" class="mon_onglet" onclick="changeOnglet(this);">Reiter 6</li>
<li id="o_7" class="mon_onglet" onclick="changeOnglet(this);">Reiter 7</li>
<li id="o_8" class="mon_onglet" onclick="changeOnglet(this);">Reiter 8</li>
<li id="o_9" class="mon_onglet" onclick="changeOnglet(this);">Reiter 9</li>
<li id="o_10" class="mon_onglet" onclick="changeOnglet(this);">Reiter 10</li>
<li id="o_11" class="mon_onglet" onclick="changeOnglet(this);">Reiter 11</li>
<div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu">Das ist der Text des ersten Fensters.</div>
<div id="co_2" class="mon_contenu" style="display: none;">Das ist der Text des zweiten Fensters.</div>
<div id="co_3" class="mon_contenu" style="display: none;">Das ist der Text des dritten Fensters.</div>
<div id="co_4" class="mon_contenu" style="display: none;">Das ist der Text des vierten Fensters.</div>
<div id="co_5" class="mon_contenu" style="display: none;">Das ist der Text des fünften Fensters.</div>
<div id="co_6" class="mon_contenu" style="display: none;">Das ist der Text des sechsten Fensters.</div>
<div id="co_7" class="mon_contenu" style="display: none;">Das ist der Text des siebenten Fensters.</div>
<div id="co_8" class="mon_contenu" style="display: none;">Das ist der Text des achten Fensters.</div>
<div id="co_9" class="mon_contenu" style="display: none;">Das ist der Text des neunten Fensters.</div>
<div id="co_10" class="mon_contenu" style="display: none;">Das ist der Text des zehnten Fensters.</div>
<div id="co_11" class="mon_contenu" style="display: none;">Das ist der Text des elften Fensters.</div>
</div></div></ul></div>
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Tab-Ansicht - ChangeOnglet Spalten/Menüs werden falsch angezeigt
von Cyborg112233 So 20 Nov 2011 - 14:47
Hallo,
also ich habe das jetzt mal so gemacht wie du gesagt hast, die style:display:none Befehle hinzugefügt und Leerzeilen entfernt ( es war eigentlich nur eine die mir aufgefallen war ... )
Naja, leider klappt es immer noch nicht, es sieht so aus wie vorher, der Code im Template ist jetzt:
Jedenfalls klappt es immer noch nicht ...
Vielleicht fällt dir ja noch was ein ...
LG, Cyborg
also ich habe das jetzt mal so gemacht wie du gesagt hast, die style:display:none Befehle hinzugefügt und Leerzeilen entfernt ( es war eigentlich nur eine die mir aufgefallen war ... )
Naja, leider klappt es immer noch nicht, es sieht so aus wie vorher, der Code im Template ist jetzt:
- Code:
<div id="mes_onglets">
<ul><li id="o_1" class="mon_onglet selected"
onclick="changeOnglet(this);">Herzlich Willkommen 1</li>
<li id="o_2" class="mon_onglet"
onclick="changeOnglet(this);">Wichtige Links 2</li>
<li id="o_3" class="mon_onglet"
onclick="changeOnglet(this);">Chatbox 3</li>
<li id="o_4" class="mon_onglet"
onclick="changeOnglet(this);">Partnerforen 4</li>
<li id="o_5" class="mon_onglet"
onclick="changeOnglet(this);">News 5</li>
<div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu">Hallo lieber Besucher der <a href="/forum">Movie World</a>,<br>
<br>
wir freuen uns, dass Du zu uns gefunden hast, solltest Du interessiert an Filmen, Fernsehen und Schauspielern bist, dann bist Du hier genau richtig!<br>
<br>
Du kannst Dich ganz einfach <a href="/register">registrieren</a>, falls Du bereits registriert bist, so <a href="login">logge</a> Dich doch <a href="login">ein</a>!<br>
<br>
Vielen Dank, das Team 8)</div>
<div id="co_2" class="mon_contenu" display="display: none;">Test
2</div>
<div id="co_3" class="mon_contenu" display="display: none;">Test
3</div>
<div id="co_4" class="mon_contenu" display="display: none;">Test
4</div>
<div id="co_5" class="mon_contenu" display="display: none;">Test
5</div>
</div></div></ul></div>
Jedenfalls klappt es immer noch nicht ...
Vielleicht fällt dir ja noch was ein ...
LG, Cyborg
Cyborg112233- Kaiser
- Beiträge : 2361
Anmeldedatum : 08.10.10
Re: Tab-Ansicht - ChangeOnglet Spalten/Menüs werden falsch angezeigt
von #Frank So 20 Nov 2011 - 14:53
Du hast es wieder Falsch eingegeben:
bei dir:
Der Funktioniert, wie du hier sehen kannst:
http://frank3.forumieren.eu/forum
bei dir:
Richtig wäre aber:<div id="co_2" class="mon_contenu" display="display: none;">Test 2</div>
Nimm doch einfach mal meinen 11 teiligen Code von oben.<div id="co_2" class="mon_contenu" style="display: none;">Das ist der Text des zweiten Fensters.</div>
Der Funktioniert, wie du hier sehen kannst:
http://frank3.forumieren.eu/forum
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Tab-Ansicht - ChangeOnglet Spalten/Menüs werden falsch angezeigt
von Cyborg112233 So 20 Nov 2011 - 14:56
Ach du heilige Maria 
Das ist ja mal wieder ein Fehler der meiner würdig ist
Sorry, hab's geändert und es funktioniert wunderbar
Vielen lieben Dank, da werde ich mich mal öfters dran setzen, damit diese kleinen Fehler aufhören
Danke Frank
LG, Cyborg
Das ist ja mal wieder ein Fehler der meiner würdig ist
Sorry, hab's geändert und es funktioniert wunderbar
Vielen lieben Dank, da werde ich mich mal öfters dran setzen, damit diese kleinen Fehler aufhören
Danke Frank
LG, Cyborg
Cyborg112233- Kaiser
- Beiträge : 2361
Anmeldedatum : 08.10.10
Re: Tab-Ansicht - ChangeOnglet Spalten/Menüs werden falsch angezeigt
von #Frank So 20 Nov 2011 - 14:58
Du musst hier sehr genau aufpassen, was du da machst. Nur ein Fehler darin und alles ist Essig...
Da das alles durch ein Script gesteuert wird, musst du sehr genau aufpassen was du hier machst. Nur ein vergessenes " Zeichen kann alles durcheinander schmeißen.
Da das alles durch ein Script gesteuert wird, musst du sehr genau aufpassen was du hier machst. Nur ein vergessenes " Zeichen kann alles durcheinander schmeißen.
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Tab-Ansicht - ChangeOnglet Spalten/Menüs werden falsch angezeigt
von #Frank So 20 Nov 2011 - 15:02
Noch ein Tipp:
Du solltest dir die "Nachricht auf der Startseite" als eine TXT Datei Speichern und dort deine Änderungen vornehmen.
Dort sieht man mehr als wenn du das in dem kleinen Fenster im Adminbereich selber machst.
So kannst du immer wieder hier was ändern und brauchst dich nicht durch dieses Fenster zu klicken.
Du solltest dir die "Nachricht auf der Startseite" als eine TXT Datei Speichern und dort deine Änderungen vornehmen.
Dort sieht man mehr als wenn du das in dem kleinen Fenster im Adminbereich selber machst.
So kannst du immer wieder hier was ändern und brauchst dich nicht durch dieses Fenster zu klicken.
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Ähnliche Themen» [phpBB2] ChangeOnglet Spalten - 4 Reiter gehen auf, 4 nicht
» Falsch angezeigt
» Anmeldungsdatum wird falsch angezeigt
» Name der Website wird falsch angezeigt
» Legende wird falsch angezeigt
» Falsch angezeigt
» Anmeldungsdatum wird falsch angezeigt
» Name der Website wird falsch angezeigt
» Legende wird falsch angezeigt
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten
